//菜单栏默认背景色
.el-aside{
    background:#232b44 !important
}
.el-menu {
    background: #232b44 !important;
}

//菜单栏非展开状态
.el-submenu__title {
    //默认字体颜色
    color: #fff !important;
    opacity: 0.85;
    //菜单栏item默认hover背景色
    &:hover {
        background-color: #1A2035 !important;
    }
}
.el-submenu__title:focus, .el-submenu__title:hover{
    background-color: #1A2035 !important;
}
//菜单栏展开状态
.el-menu-item {
    //菜单栏item展开字体颜色
    color: #fff !important;
    opacity: 0.85;

    //菜单栏item展开hover背景色
    &:hover {
        background-color: #1F2740 !important;
    }

    //菜单栏item展开active背景色
    &.is-active {
        background: #337CE3 !important;
        color: #fff !important;
        opacity: 1;
    }
}

//菜单栏展开状态
.is-opened {
    //菜单栏展开部分背景色
    .no-child {
        background: #12172a;
    }
}

//菜单栏上方logo背景色
.sidebar-logo-container {
    background: #12172A;
}

//菜单栏--产品字体色、背景色
.sidebar-container {
    //菜单栏默认颜色--目前主要用在菜单栏展示的产品背景颜色
    .sidebar-default-back {
        background: #232b44;
    }

    //菜单栏展示的产品字体颜色
    .aside-pro-title {
        color: #fff;
    }
}

